<!DOCTYPE html>
<html lang="en" class="">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="/favicon.png" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <link rel="stylesheet" href="/css/cesium-fix.css" />
  <link rel="stylesheet" href="/css/supermap3d.css" />
  <link rel="stylesheet" href="/css/font.css" />
  <link rel="stylesheet" href="/css/icon-font.css" />
  <script src="/javascript/echarts/echarts.min.542.js"></script>
  <!-- ol -->
  <link href="/javascript/ol/6.14.1/ol.css" rel="stylesheet" />
  <link href="/javascript/ol/iclient-ol.min.css" rel="stylesheet" />
  <script type="text/javascript" src="/javascript/ol/6.14.1/ol.js"></script>
  <script src="/javascript/ol/olms.js"></script>
  <!-- <script src="/javascript/ol/olms-8.2.1.js"></script> -->
  <script type="text/javascript" src="/javascript/ol/iclient-ol-es6.min.js"></script>
  <!-- <script src="./javascript/bd/bd09.js"></script> -->
  <!-- axios -->
  <script src="/javascript/turf/turf.min.js"></script>
  <script src="/javascript/dayjs/min.js"></script>
  <!-- 配置 -->
  <script src="/javascript/project/config-webgl.js"></script>
  <script src="/javascript/crypto-js/4.2.0.js"></script>
  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.js"></script> -->
  <title>OPENLAYERS试验田</title>
</head>

<body>
  <!-- <script>
    const data = CryptoJS.HmacSHA256('123', '72ad75215f3a171efb0bc3309effd4c3')
    console.log(data.toString())
    console.log(CryptoJS.enc.Base64.stringify(data))
  </script> -->
  <svg xmlns="http://www.w3.org/2000/svg" style="display: none;" version="1.1" xmlns:xlink="http://www.w3.org/2000/xlink"
    viewBox="0 0 25.6 25.6" style="background-color: transparent;" width="0" height="0">
    <defs>
      <g id="icon-aqua">
        <ellipse cx="12.8" cy="12.8" rx="0" ry="0" stroke-width=".1" opacity="1" fill="rgba(0,255,255,0.7)"
          stroke="rgba(0,255,255,0.9)">
          <animate attributeName="rx" from="0" to="12.8" dur="4s" repeatCount="indefinite" begin="0s" />
          <animate attributeName="ry" from="0" to="12.8" dur="4s" repeatCount="indefinite" begin="0" />
          <animate attributeName="opacity" from="1" to="0" dur="4s" repeatCount="indefinite" begin="0s" />
        </ellipse>

        <ellipse cx="12.8" cy="12.8" rx="0" ry="0" stroke-width=".1" opacity="1" fill="rgba(0,255,255,0.7)"
          stroke="rgba(0,255,255,0.9)">
          <animate attributeName="rx" from="0" to="12.8" dur="4s" repeatCount="indefinite" begin="1s" />
          <animate attributeName="ry" from="0" to="12.8" dur="4s" repeatCount="indefinite" begin="1s" />
          <animate attributeName="opacity" from="1" to="0" dur="4s" repeatCount="indefinite" begin="1s" />
        </ellipse>

        <ellipse cx="12.8" cy="12.8" rx="0" ry="0" stroke-width=".1" opacity="1" fill="rgba(0,255,255,0.7)"
          stroke="rgba(0,255,255,0.9)">
          <animate attributeName="rx" from="0" to="12.8" dur="4s" repeatCount="indefinite" begin="2s" />
          <animate attributeName="ry" from="0" to="12.8" dur="4s" repeatCount="indefinite" begin="2s" />
          <animate attributeName="opacity" from="1" to="0" dur="4s" repeatCount="indefinite" begin="2s" />
        </ellipse>

        <ellipse cx="12.8" cy="12.8" rx="0" ry="0" stroke-width=".1" opacity="1" fill="rgba(0,255,255,0.7)"
          stroke="rgba(0,255,255,0.9)">
          <animate attributeName="rx" from="0" to="12.8" dur="4s" repeatCount="indefinite" begin="3s" />
          <animate attributeName="ry" from="0" to="12.8" dur="4s" repeatCount="indefinite" begin="3s" />
          <animate attributeName="opacity" from="1" to="0" dur="4s" repeatCount="indefinite" begin="3s" />
        </ellipse>
      </g>
    </defs>
  </svg>
  <div id="app"></div>
  <script src="/javascript/project/resize.js"></script>
  <script type="module" src="/src/main.js"></script>
</body>

</html>